/*
* name: responsive
* version: v2.1.1
* update: 添加pad竖屏状态Padp
* data: 2017-06-13
*/

/* hide template textarea */
.UnpcPush textarea,
.PcPush textarea,
.MobilePush textarea,
.UnmobilePush textarea {
	display: none;
}

@media only screen and (max-width: 1280px) {

	body,
	input,
	textarea,
	button,
	select {
		font-size: 14px;
	}

	.wrap,
	.mwrap {
		width: 1200px;
	}

	.header .nav .nav_li {
		margin-right: 60px
	}

	.header .nav .nav_li .nav_a {
		font-size: 16px
	}

	.header .nav .nav_li .setNav .setMenu li a {
		font-size: 16px
	}

	/*padMode 1280px 网站样式*/
	.page_footer .footer_main .pub_number {
		padding-right: 3%;
		margin-right: 3%;
	}

	.page_footer .footer_main dl {
		margin-right: 5%;
	}

	.header .nav .nav_li .setNav .setMenu {
		padding: 10px 0;
	}

	.ipart2 .ipart2_bd .content .item .text_num {
		bottom: 43%;
	}

	.ipart2 .ipart2_bd .tab .item .t {
		padding: 15px 35px;
		height: 50px;
	}

	.ipart2 .ipart2_bd .content .item {
		height: 400px;
	}

	.ipart3 .ipart3_bd .content .info {
		padding: 33px 0;
	}

	.ipart3 .ipart3_bd .content .info .con {
		padding: 35px 30px;
	}

	.ipart3 .ipart3_bd .content .info .desc {
		padding: 30px 30px 109px;
	}

	.ipart3 .ipart3_bd .content .info .t {
		line-height: 35px;
		font-size: 22px;
		padding: 30px;
	}

	.ipart3 .ipart3_bd .content .info .more {
		font-size: 16px;
		padding: 0 20px;
	}

	.ipart3 .ipart3_bd .tab li {
		margin-right: 19px;
	}

	.ab_index03 .ico_con .ico_conl .che_li {
		padding: 25% 15%;
	}

	.ab_index03 .ico_con .ico_conr {
		width: 65%;
	}

	.ab_index03 .che_li {
		padding: 20px 17px;
	}

	.iProduct {
		padding: 80px 0;
	}

	.iProduct_box .iProduct_item {
		margin-bottom: 5%;
	}

	.iProduct_box .iProduct_item .infor .box .c {
		font-size: 14px;
		line-height: 26px;
		padding: 20px 0;
	}

	.iProduct_box .iProduct_item .infor .box .more {
		font-size: 14px;
		line-height: 30px;
		padding: 5px;
		width: 22%;
	}

	.iProductArt .ywxq01 .right .con {
		line-height: 36px;
		padding-top: 40px;
	}

	.iProductArt .ywxq01 .right .title {
		padding: 20px 0;
	}

	.iService .ico_con .chemical_bottom {
		margin: 0 40px 40px 0;
		width: 31%;
	}

	.iDownload .idownload_cen li {
		margin: 0 40px 50px 0;
	}

	.iJobs .job_l li .list_tou {
		width: 10%;
	}

	.iJobs .job_school li .list_text .list_tou {
		width: 30%;
	}

}

/*
* PcMode
*/
body:after {
	display: block;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	content: 'Pc';
}

.PcMode:after {
	content: 'Pc' !important;
}

.UnpcPush,
.MobilePush {
	display: none;
}

img[data-src] {
	opacity: 0;
	filter: alpha(opacity=0);
}

img[data-srcloaded] {
	opacity: 1;
	filter: alpha(opacity=100);
}

/*
* PadMode
*/
@media only screen and (max-width: 1240px) {
	body:after {
		content: 'Pad';
	}

	body {
		user-select: none;
		-webkit-user-select: none;
	}

	html {
		overflow-x: hidden;
	}

	body,
	input,
	textarea,
	button,
	select {
		font-size: 14px;
	}

	.PcPush {
		display: none;
	}

	.UnpcPush {
		display: block;
	}

	.wrap,
	.mwrap {
		width: 940px;
	}

	/*padMode 1240px 网站样式*/
	.nav {
		display: none;
	}

	.mobile_key {
		display: block;
		line-height: 20px;
		margin-top: 20px;
		margin-right: 20px;
	}
}

@media only screen and (max-width: 992px) {
	body:after {
		content: 'Padp';
	}

	.wrap,
	.mwrap {
		width: 740px;
	}

	body,
	input,
	textarea,
	button,
	select {
		font-size: 14px;
	}
}

@media only screen and (max-width: 760px) {
	body:after {
		content: 'Mobile';
	}

	body,
	input,
	textarea,
	button,
	select {
		font-size: 14px;
	}

	.UnmobilePush {
		display: none;
	}

	.MobilePush {
		display: block;
	}

	img[data-src] {
		opacity: 1;
	}

	.wrap,
	.mwrap {
		padding-left: 2%;
		padding-right: 2%;
		width: auto;
	}

	.mwrap .wrap {
		padding-left: 0;
		padding-right: 0;
	}

	/*移动端防恶意复制信息*/
	* {
		-webkit-touch-callout: none;
		/*系统默认菜单被禁用*/
		-webkit-user-select: none;
		/*webkit浏览器*/
		-khtml-user-select: none;
		/*早期浏览器*/
		-moz-user-select: none;
		/*火狐*/
		-ms-user-select: none;
		/*IE10*/
		user-select: none;
	}

	input {
		-webkit-user-select: auto;
		/*webkit浏览器*/
	}

	textarea {
		-webkit-user-select: auto;
		/*webkit浏览器*/
	}

	.navarticle {
		display: flex;
		flex-direction: column;
		margin: 20px 0 20px 0;
		display: none;
	}

	.navarticle a {
		padding: 10px 0 10px 0;
	}

	.secondnav .childnav {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 20px 0 0 0;
	}

	.secondnav .childnav li {
		width: 30%;
		margin: 0 10px 20px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.secondnav .childnav li a:nth-child(1) {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.secondnav .childnav li a:nth-child(1) img:nth-child(1) {
		padding: 10px 0;
		width: 50%;

	}

	.secondnav .childnav li a:nth-child(1) img:nth-child(2) {
		padding: 10px 0;
		width: 50%;
		display: none;
	}

	.secondnav .childnav li a:nth-child(2) {
		font-size: 14px;
		padding: 0 0 10px 0;
	}

	.secondnav .childnav li .cur {
		color: #F08519 !important;
	}
}

@media only screen and (max-width: 480px) {

	/*mobileMode 480 网站样式*/
	.page_footer .footer_main .pub_number {
		border-right: none;
		padding: 0 12px;
		margin-right: 0;
	}

	.page_footer .footer_main dl {
		display: none;
	}

	.ipart_title,
	.ipart_text {
		text-align: center;
		width: 100%;
	}

	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 15px !important;
	}

	.header .head .logo {
		margin-right: 0;
		width: 32%;
	}

	.mobile_key {
		display: block;
		line-height: 20px;
		margin-top: 25px;
		margin-right: 20px;
	}

	.mobile_key .iconfont {
		font-size: 1.6em;
		color: #FF9123;
	}

	.swiper-container .banner_bar {
		display: none;
	}

	.swiper-container .swiper-button-next,
	.swiper-container .swiper-button-prev {
		margin-top: 10px;
	}

	.header {
		padding-top: 10px;
	}

	.header.fixed {
		padding-top: 10px;
	}

	.ab_index_title {
		font-size: 32px;
		line-height: 36px;
		padding-bottom: 50px;
	}

	.ipart1 .ipart1_t1,
	.ipart1 .ipart1_t2 {
		display: block;
		padding: 50px 5px;
		overflow: hidden;
	}

	.ipart1 .ipart1_t1 .ipart1_t1Con {
		width: 100%;
		font-size: 32px;
		line-height: 46px;
	}

	.ipart1 .ipart1_t1 .ipart1_t1tit {
		width: 100%;
		padding: 20px 0;
		font-size: 16px;
		line-height: 30px;
	}

	.ipart1 .ipart1_t2 .ipart1_t2Con {
		width: 100%;
	}

	.ipart1 .ipart1_t2 .ipart1_t2Con.num_box li {
		margin-right: 2%;
	}

	.ipart1 .ipart1_t2 .ipart1_t2Con.num_box .num span {
		font-size: 36px;
	}

	.ipart1 .ipart1_t2 .ipart1_t2Con.num_box .num p {
		font-size: 36px;
	}

	.ipart1 .ipart1_t2 .ipart1_t2tit {
		width: 100%;
		padding: 20px 0;
		font-size: 16px;
		line-height: 30px;
	}

	.ipart2 .ipart2_bd .content .item,
	.ipart2 .ipart2_bd .content .item img {
		height: 225px;
	}

	.ipart2 .ipart2_bd .content .item .text_box {
		bottom: 60px;
	}

	.ipart2 .ipart2_bd .content .item .text_box .text_box {
		top: 30px;
	}

	.ipart2 .ipart2_bd .content .item .text_box .text_box .desc {
		font-size: 14px;
	}

	.ipart2 .ipart2_bd .content .item .text_num {
		left: 10%;
		top: 0;
	}

	.ipart2 .ipart2_bd .tab .item {
		height: 107px;
		border-bottom: 1px solid #E0E0E0;
	}

	.ipart2 .ipart2_bd .tab .item .t {
		padding: 30px 25px;
	}

	.ipart2 .ipart2_bd .tab .item.cur,
	.ipart2 .ipart2_bd .tab .item:hover {
		padding: 0px;
	}

	.owl-carousel .owl-dots.disabled,
	.owl-carousel .owl-nav.disabled {
		bottom: 50px !important;
	}

	.owl-carousel .owl-nav.disabled .owl-prev {
		right: 17%;
	}

	.ipart2 .ipart2_bd .content .item .text_box .desc {
		width: 65%;
	}

	.rect-45 {
		padding-bottom: 60%;
	}

	.ipart3 .ipart3_bd .content .info {
		padding: 30px 0;
	}

	.ipart3 .ipart3_bd .content .info .con {
		padding: 20px 30px;
		overflow: hidden;
	}

	.ipart3 .ipart3_bd .content .info .t {
		line-height: 34px;
		font-size: 22px;
		padding: 40px 30px 30px;
	}

	.ipart3 .ipart3_bd .content .info .desc {
		line-height: 24px;
		padding: 10px 30px 50px;
	}

	.ipart3 .ipart3_bd .content .info .more {
		font-size: 14px;
		padding: 0 30px 10px;
	}

	.ipart3 .ipart3_bd .tab li {
		margin-right: 5px;
		padding-bottom: 15px;
	}

	.ipart3 .ipart3_bd .tab li:nth-child(2n) {
		margin-right: 0;
	}

	.ipart3 .ipart3_bd .tab li .bom-text {
		padding: 10px;
	}

	.ipart3 .ipart3_bd .tab li .bom-text ._name {
		font-size: 16px;
		line-height: 24px;
		height: 50px;
	}

	.ipart3 .ipart3_bd .tab li .bom-text ._price {
		margin-top: 10px;
		font-size: 14px;
	}

	.sec_channel .pd ul li a {
		margin: 6px;
		font-size: 14px;
		line-height: 40px;
	}

	.ab_index02 {
		padding: 50px 0px;
	}

	.ab_index02 .bd .li1 {
		width: 100%;
	}

	.ab_index02 .bd .li2 {
		width: 100%;
		margin-top: 30px;
	}

	.ab_index03 .ico_con .ico_conl {
		width: 100%;
	}

	.ab_index03 .ico_con .ico_conl .che_li {
		padding: 10%;
	}

	.ab_index03 .ico_con .ico_conr {
		width: 100%;
	}

	.ab_index03 .ico_con .ico_conr .che_li_s {
		font-size: 14px;
	}

	.ab_index03 .ico_conr .chemical_bottom {
		margin: 20px 20px 10px 0;
		width: 47%;
	}

	.parBd {
		padding: 0px;
	}

	.parBd .parBd_l {
		border: 1px dashed #666;
		margin-bottom: 40px;
	}

	.parBd .parBd_r {
		padding-left: 0px;
	}

	.parBd .parBd_r .Num {
		top: 55px;
		left: 5px;
		font-size: 140px;
	}

	.slideBox {
		width: 100%;
	}

	.parBd {
		margin-bottom: 40px;
	}

	.parBd p {
		width: 98%;
	}

	.ab_index06 {
		padding: 50px 0px;
	}

	.ab_index06 .ab_index06_con {
		padding: 0 2%;
		display: inline-block;
	}

	.ab_index06 .ab_index06_l {
		width: 100%;
	}

	.ab_index06 .ab_index06_r {
		width: 100%;
		padding-left: 0;
		padding-top: 20px;
	}

	.iNews_r .newslist li .box {
		display: block;
	}

	.iNews_r .newslist li .imgbox {
		width: 100%;
		margin-right: 0;
	}

	.iNews_r .newslist li .info {
		width: 100%;
		padding-top: 20px;
	}

	.news_detail .news_title {
		font-size: 24px;
	}

	.news_detail .l_tools {
		margin-bottom: 14px;
	}

	.news_detail .detail_l {
		margin-bottom: 14px;
	}

	.news_detail .detail_l,
	.news_detail .detail_r {
		width: 100%;
	}

	.iJobs .job_l li {
		display: inline-block;
	}

	.iJobs .job_l li .list_text {
		width: 100%;
	}

	.iJobs .job_l li .list_tou {
		width: 33%;
		float: left;
		margin: 10px 0;
		padding: 5px 5px 5px 15px;
	}

	.iJobs .job_school li .list_text {
		width: 100%;
	}

	.iJobs .job_school li .list_zhize {
		width: 100%;
	}

	.iJobs .job_school li .list_text .list_tou {
		width: 35%;
		margin-bottom: 30px;
		padding: 5px 1px 5px 12px;
	}

	.Form-J1 .Form-J1-Left {
		width: 98%;
	}

	.Form-J1 .Form-J1-li input {
		width: 86%;
	}

	.Form-J1 .Form-J1-li select {
		width: 54%;
	}

	.Form-J1 .Form-J1-right {
		width: 98%;
		float: left;
	}

	.Form-J1 .Form-J1-li textarea {
		width: 84%;
	}

	.Form-P1 .Form-P1-li b {
		display: none;
	}

	.Form-J1 .Form-J1-li label {
		display: block;
		width: 100%;
	}

	.Form-J1 .Form-J1-Btn {
		text-align: center;
	}

	.iProduct_box .iProduct_item .infor {
		width: 98%;
		padding: 15px 0px;
	}

	.iProduct_box .iProduct_item .infor .box {
		padding: 0 10px;
	}

	.iProduct_box .iProduct_item .infor .box .t {
		width: 75%;
	}

	.iProduct_box .iProduct_item .iProduct_box1 {
		width: 95%;
		padding: 20px 10px;
	}

	.iService .ico_con .chemical_bottom {
		margin: 0 0 45px 0;
		width: 100%;
	}

	.iService .ico_con .chemical_bottom .che_li {
		padding: 40px 30px;
	}

	.con_form .form_li .form-group {
		margin-right: 0px;
	}

	.con_form .form_li input.form-control {
		width: 100%;
	}

	.con_form .form_li .Validform_checktip {
		right: 1px;
	}

	.iDownload .idownload_cen li {
		width: 95%;
		margin: 0 0px 30px 0;
		padding: 10px;
	}

	.iDownload .idownload_cen li .list_text {
		width: 60%;
		padding-left: 20px;
	}

	.iDownload .idownload_cen li .list_text .list_title {
		width: 100%;
		font-size: 16px;
		padding-bottom: 5px;
		line-height: 24px;
	}

	.iDownload .idownload_cen li .list_text .list_p span {
		padding-right: 15px;
	}

	.iProductArt .ywxq01 .left {
		width: 100%;
	}

	.iProductArt .ywxq01 .right {
		width: 100%;
	}

	.iProductArt .ywxq01 .right .title {
		width: 70%;
		padding: 40px 0 20px 0;
	}

	.iProductArt .iProductArt_box {
		padding: 50px 0;
	}

	.iProductArt .ywxq02 .tab_t_box {
		padding-bottom: 30px;
	}
}